.addChapter{
	padding-left:20px;
	color: #5AC0EB;
	height: 28px;
	line-height: 28px;
	border-bottom: 1px solid #f2f2f2;
}
.addChapter input{
	color: #5AC0EB;
	cursor:pointer;
	font-family: "微软雅黑";
}
.chapter-list{
	position: relative;
}
.chapter-add{
	position: absolute;
	bottom: -60px;
	left: 0px;
}
.chapter-list label,
.chapter-err{
	font-size: 16px;
}
.chapter-list input{
	border: 1px solid rgb(210, 210, 210);
	width: 300px;
	height: 23px;
	margin-left: 11px;
	margin-right: 10px;
	text-indent: 3px;
}
.chapter-list ul{
	padding-left: 13px;
	padding-top: 10px;	
}
.chapter-list ul input{
	margin-left: 0;
}
.chapter-list ul li{
	position: relative;
	margin-top: 10px;
}
.chapter-list span{
	display: inline-block;	
	padding: 0px 2px;
	color: #50BBE8;	
	border: 1px solid #50bbe8;
	cursor:pointer;	
}
.chapter-list span:hover{
	color: #fff;
	background: #50bbe8;
}
.addVideo{
	position: absolute;
	left: 50px;
	top: 32px;
}
.chapter{
	padding-top: 30px;
	margin-bottom: 100px;
}
.hapters{
	width: 300px;
	margin: 0 auto;
}
.chapter-keep{
	display: inline-block;	
	margin: 50px auto 0px;
	padding: 7px 32px;
	color: #fff;
	background:#50bbe8;	
	cursor:pointer;	
}
.chapter-keep:hover{
	background:#2C97CF;
}
.chapter-err label{
	margin-right: 10px;
}
.chapter-err ul{
	text-indent: 25px;
}
.chapter-err ul li:last-child{
	padding-left: 4px;
}
.chapter-err-title:hover,
.chapter-err ul li:hover{
	background: #fff;
	cursor: pointer;
}
.chapter-err-title:hover .chapter-err-change{
	display: block;
}
.chapter-err ul li:hover .chapter-change{
	display: block;
}
.chapter-err ul li,
.chapter-err-title{
	position: relative;
	padding: 3px 0px;
}
.chapter-err-change{
	position: absolute;
	right: 10px;
	top: 2px;
	display:none;
}
.chapter-change{
	position: absolute;
	right: 10px;
	top: 3px;
	display:none;
	background: #fff;
}
.chapter-change input,
.chapter-err-change input{
	margin-right: 40px;
	padding:0px 2px;
	color: #666;
	cursor: pointer;
	font-family: "微软雅黑";	
}
.additional .tasks{
	color: #fff;
}
.chapter-err-change input:hover,
.chapter-change input:hover{
	color: #fff;
	background: #5AC0EB;
}
.chapter-err ul li{
	text-indent: 40px;
	border-bottom: 1px solid #f2f2f2;
}
.chapter-err{
	font-size: 14px;
	color: #666;
	border: 1px solid #f2f2f2;
	border-bottom: none;
}
.chapter-err-title{
	border-bottom: 1px solid #f2f2f2;
	text-indent: 20px;
}
.tasks{
	color: #fff;
	background: #5AC0EB;
}
.chapter-err ul li.two{
	text-indent: 92px;
}
.chapter-err ul li input.task{
	color: #5AC0EB;
	margin-left: 30px;
	cursor: pointer;
}
.add-section{
	color: #5AC0EB;
	font-family: "微软雅黑";
}
.add-chapter{
	padding-left:20px;
	color: #5AC0EB;
	height: 28px;
	line-height: 28px;
	border-bottom: 1px solid #f2f2f2;
}
.add-chapter input{
	color: #5AC0EB;
	cursor:pointer;
	font-family: "微软雅黑";
}
.task:hover,
.section:hover{
	background: #fff;
}
.chapter-err-title label input{
	margin-left: 10px;
	vertical-align: baseline;
	color:#666;
	font-family: "微软雅黑";
}
.chapter-err ul li input{
	vertical-align: baseline;
	font-family: "微软雅黑";
}
.additional ul li:first-child > span input{
	color: #666;
}
.chapter-err-title label{
	position: relative;
	width: 97%;
	display: inline-block;
	
	cursor: pointer;
}
.addLoad{
	text-align: center;
	margin-bottom: 50px;
}
.addLoad span{
	display: inline-block;
	width: 95px;
	height: 35px;
	margin-right: 30px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	background: #5AC0EB;
	cursor: pointer;
}
.addLoad input{
	display: inline-block;
	width: 95px;
	height: 35px;
	margin-right: 30px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	background: #5AC0EB;
	cursor: pointer;
	font-family: "微软雅黑";
}
.addLoad span:first-child{
	color: #666;
	border: 1px solid #d1d1d1;
	background: #f2f2f2;	
}
.two-msg{
	float: right;
	margin-right: 20px;	
}
.two-msg input,
.two-msg em{
	color: #666;
}
.two-msg input{
	text-align: right;
	margin-right: 5px;
}
.additional ul li:first-child>span{
	padding-left: 19px;	
}
.additional ul li span{
	position: relative;
}
.section-icon,
.chapter-icon{
	position: absolute;
	left: 0;
	top: 0px;
	display: inline-block;
	width: 21px;
	height: 17px;
	background: url(../img/prev_select.png) no-repeat left center;
}
.tasks{
	position: relative;
}
.addSection{
	height: 27px;
	line-height: 27px;
	text-indent: 47px;
	color: #5AC0EB;	
	border-bottom: 1px solid #f2f2f2;
}
.addInput{
	color: #666;
	margin-left: 36px;
}
/*章节视频选择弹窗*/	
.popup,.alert-box{ 
 position: fixed; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: 100%; 
 background: rgba(52, 54, 66, 0.9); 
 z-index: 3; 
 overflow-y: auto; 
 visibility: hidden; 
 opacity: 0; 
 -webkit-transition: opacity 0.3s 0, visibility 0 0.3s; 
 -moz-transition: opacity 0.3s 0, visibility 0 0.3s; 
 transition: opacity 0.3s 0, visibility 0 0.3s; 
} 
.popup.is-visible,.alert-box.is-visible{ 
 visibility: visible; 
 opacity: 1; 
 -webkit-transition: opacity 0.3s 0, visibility 0 0; 
 -moz-transition: opacity 0.3s 0, visibility 0 0; 
 transition: opacity 0.3s 0, visibility 0 0; 
} 
.dialog,.alert-box{ 
 position: fixed; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: 100%; 
 background: rgba(52, 54, 66, 0.9); 
 z-index: 3; 
 overflow-y: auto; 
 visibility: hidden; 
 opacity: 0; 
 -webkit-transition: opacity 0.3s 0, visibility 0 0.3s; 
 -moz-transition: opacity 0.3s 0, visibility 0 0.3s; 
 transition: opacity 0.3s 0, visibility 0 0.3s; 
} 
.dialog.is-visible,.alert-box.is-visible{ 
 visibility: visible; 
 opacity: 1; 
 -webkit-transition: opacity 0.3s 0, visibility 0 0; 
 -moz-transition: opacity 0.3s 0, visibility 0 0; 
 transition: opacity 0.3s 0, visibility 0 0; 
} 
.enroll-chapter{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -220px;
	margin-top: -170px;
	width: 440px;
	height: 340px;
	background: #fff;
	border-radius: 3px;	
}
.enroll-chapter .title{
	position: relative;
	height: 25px;
	line-height: 25px;
	background: #3bb3df;
	padding-left: 10px;
	color: #fff;
	border-radius: 3px 3px 0 0;
}
.enroll-chapter .title i{
	position: absolute;
	right: 8px;
	top: 6px;
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url(../img/enroll-title-icon.png) no-repeat left center;
	cursor: pointer;
}
.enroll-chapter .bd{
	padding: 10px 20px;
	
}
.enroll-chapter .bd ul{
	margin-top: 10px;	
	border: 1px solid #ececec;
	background: #f9f9f9;
	height: 200px;
	overflow: auto;
}
.enroll-chapter .bd ul li{
	padding: 3px 5px;	
	cursor: pointer;
}
.enroll-chapter .bd ul li:hover{
	background: #d4d1d4;	
}
.enroll-chapter .bd ul li.active{
	background: #d4d1d4;
}
.chapter-wrap{
	text-align: right;
	padding-right: 30px;
	margin-top: 10px;
}
.chapter-wrap span{
	display: inline-block;
	width: 70px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background:#f4f4f4;	
	cursor: pointer;
}
.ensure,
.ensures{
	margin-right: 17px;
}
.ensure:hover,
.ensures:hover{
	background: #e4e2e5;
}
.chapter-wrap .cancel{
	height: 28px;
	border: 1px solid #ececec;
	background:#f4f4f4;	
}









